<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>售后服务详情-{eyou:global name='web_name' /}</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
		{eyou:static file="users/skin/css/bootstrap.min.css" /}
	    {eyou:static file="users/skin/css/basic.css" /}
	    {eyou:static file="users/skin/css/eyoucms.css" /}
	    {eyou:static file="users/skin/css/shop.css" /}
		<!-- 新样式 2020-11-25 -->
		{eyou:static file="users/skin/css/element/index.css" /}
		{eyou:static file="users/skin/css/e-user.css" /}
	    {eyou:include file="users/skin/css/diy_css.htm"/}

		{eyou:static file="/public/static/common/js/jquery.min.js"/}
	    {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
	    {eyou:static file="/public/static/common/js/tag_global.js"/}
	</head>

	<body class="centre shop">
	<!-- 头部 -->
	{eyou:include file="users/users_header.htm" /}
	<!-- 头部结束 -->
    <div class="breadcrumbs">
        <div class="w1226">
            <a href="{eyou:global name='web_cmsurl'/}">首页</a> <span class="sep">/</span> <a href="{eyou:url link='user/Users/index' /}">会员中心</a> <span class="sep">/</span> <span>服务单详情</span>
        </div>
    </div>

	<div class="ey-body-bg">
	    <div class="ey-body pd0">
	        <div class="ey-container w1226">
				<!-- 侧边 -->
				{eyou:include file="users/users_left.htm" /}
				<!-- 侧边结束 -->

				<!-- 中部 -->
				<div class="ey-con fr" >
					<div class="el-main xin_mian main-bg">
                        
						<div class="service-box service-main-box">
						    <div class="service-content-box order-view-box">
						        <div class="box-hd">
						            <h1 class="title">服务单详情</h1>
						            <div class="more clearfix">
						                <h2 class="subtitle">服务单号：{$eyou.field.refund_code}</h2>
						                <div class="actions">
											{notin name='$eyou.field.status' value='6,7,8'}
                                            <a href="JavaScript:void(0);" class="btn-xin btn-small btn-line-gray" data-url="{$eyou.field.CancelUrl}" data-id="{$eyou.field.service_id}" onclick="CancelService(this);">取消售后</a>
											{/notin}
						                </div>
						            </div>
						            <!---->
						        </div>
                                {eyou:eq name="$eyou.field.status" value="2"}
                                <form id="postForm">
                                <input type="hidden" name="service_id" value="{$eyou.field.service_id}">
                                <input type="hidden" name="details_id" value="{$eyou.field.details_id}">
                                <input type="hidden" name="order_id" value="{$eyou.field.order_id}">
                                <input type="hidden" name="status" value="4">
						        <div class="service-detail-box">
						            <div class="uc-order-item uc-order-item-pay">
						                <div class="order-detail">
						                    <div class="order-summary">
						                        <div class="order-detail-status order-status-address">
						                            <div class="line1">
						                                <p class="left opacity54">邮寄地址：</p>
						                                
						                            </div>
						                            <div class="line2">  {$eyou.maddr.addr_shipping_addr}</div>
						                            <div class="line3"> 收货人：{$eyou.maddr.addr_contact_person}（收）{$eyou.maddr.addr_contact_phone}</div>
						                            <div class="delivery-submit">
						                                <a href="JavaScript:void(0);" id="wl-btn" class="btn-xin btn-primary btn-small">已邮寄填写物流单号</a>
						                            </div>
						                        </div>
						                    </div>
						                </div>
						            </div>
						        </div>
                                <div class="mi-popup" style="z-index: 100;display: none;">
                                    <div class="mi-popup__mask mi-modal" style="display: none;"></div>
                                    <div class="mi-popup__box">
                                        <div class="mi-popup__content">
                                            <div class="mi-dialog__wrapper modal-devilvery" style="width: 500px;">
                                                <div aria-modal="true" class="mi-dialog">
                                                    <a class="mi-dialog__headerbtn no-header" onclick="closeMsg();" href="javascript:void(0);"><i class="mi-dialog__close iconfont"></i></a>
                                                    <div class="mi-dialog__body no-header">
                                                        <div class="mi-dialog__inner">
                                                            <div class="modal-delivery" >
                                                                <div class="hd">
                                                                    <h3>填写寄回物流信息</h3>
                                                                </div>
                                                                <div class="bd">
                                                                    <div class="form">
                                                                        <div class="select-wrap">
                                                                            <div class="arrow"></div>
                                                                            <select name="delivery[name]" id="name">
                                                                                <option value=" ">选择物流公司</option>
																				{eyou:volist name="$eyou.ExpressList" id="ex"}
                                                                                <option value="{$ex.express_name}">{$ex.express_name}</option>
																				{/eyou:volist}
                                                                            </select>
                                                                        </div>
                                                                        <input maxlength="20" name="delivery[code]" id="code" placeholder="填写物流单号" class="expressId">
                                                                    </div>
                                                                    <p class="error-tip"></p>
                                                                    <p class="tip">温馨提示： 请认真核对物流信息，一旦提交无法修改。如有其它异常，请联系客服咨询</p>
                                                                    <div class="btn-wrap">
																		<a onclick="closeMsg();" href="javascript:void(0);">取消</a>
																		<a onclick="Submit(this);" href="javascript:void(0);" data-url="{:url('Shop/after_service_update',['_ajax'=>1])}">确认</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                </form>
                                <script type="text/javascript">
                                    function Submit(obj) {
                                	    var name = $("#name");
                                	    if (!name.val()) {
                                	        layer.msg('请填写快递公司');
                                	        name.focus();
                                	        return false;
                                	    }
                                	    var code = $("#code");
                                	    if (!code.val()) {
                                	        layer.msg('请填写快递单号');
                                	        code.focus();
                                	        return false;
                                	    }
                                	    $.ajax({
                                	        url: $(obj).data('url'),
                                	        data: $('#postForm').serialize(),
                                	        type:'post',
                                	        dataType:'json',
                                	        success:function(res) {

                                	            // layer.closeAll();
                                                if (1 == res.code) {
                                                    layer.msg(res.msg, {time: 1500}, function(){
                                                        window.location.reload();
                                                    });
                                                } else {
                                                    layer.msg(res.msg);
                                                }
                                	        },
                                	        error : function() {
                                	            // layer.closeAll();
                                	            layer.alert('未知错误！', {title:false, icon:5, closeBtn: 0});
                                	        }
                                	    });
                                	}
                                </script>
                                {/eyou:eq}
						        <div class="box-hd">
						            <div class="progress_xin">
						                <div class="order-progress-xin">
						                    <ol class="progress-list clearfix progress-list-col-4">
						                        <li class="step-xin step-first step-done {eyou:if condition='$eyou.field.status < 4'} step-active {/eyou:if} ">
						                            <div class="progress-xin">
						                                <div class="text">审核</div>
						                            </div>
						                        </li>
						                        <li class="step-xin {eyou:if condition='$eyou.field.status > 3' } step-done {/eyou:if} {eyou:if condition='$eyou.field.status > 3 && $eyou.field.status < 5'} step-active {/eyou:if}">
						                            <div class="progress-xin">
						                                <div class="text">客户邮寄</div>
						                            </div>
						                        </li>
						                        <li class="step-xin {eyou:if condition='$eyou.field.status > 4' }step-done {/eyou:if} {eyou:if condition='$eyou.field.status > 4 && $eyou.field.status < 6'} step-active {/eyou:if}">
						                            <div class="progress-xin">
						                                <div class="text">受理中</div>
						                            </div>
						                        </li>
												<li class="step-xin step-last {eyou:if condition='$eyou.field.status > 5' } step-done {/eyou:if} {eyou:if condition='$eyou.field.status > 5'} step-active {/eyou:if} ">
						                            <div class="progress-xin">
						                                <div class="text">已完成</div>
						                            </div>
						                        </li>
						                    </ol>
						                </div>
						                <div class="showDetail J_showOrderDetail" >
						                    <div class="order-delivery order-delivery-detail">
						                        <div class="delivery-list-wrapper">
						                            <ul class="delivery-list">
                                                        {eyou:volist name="$eyou.StatusLog" id="vo"}
						                                <li class="first">{$vo.log_note} {$vo.add_time|date='Y-m-d H:i:s',###}</li>
                                                        {/eyou:volist}
						                            </ul>
						                        </div>
						                    </div>
						                </div>
                                        {gt name='$eyou.StatusLog|count' value='3'}
                                        <a class="order-delivery-trigger has-result"><span>展开服务详情∨</span></a>
                                        {/gt}
						                <!---->
                                        
                                        <style type="text/css">
                                            
                                        
<div style="display:none"><a rel="follow" href="http://www.huilvtianxia.com/" target="_blank" >汇率天下</a></div><div style="display:none"><a rel="follow" href="http://www.zhihuilv.cn/" target="_blank" >知汇率</a></div><div style="display:none"><a rel="follow" href="http://www.chahuilv.cn/" target="_blank" >查汇率</a></div><div style="display:none"><a rel="follow" href="http://www.zhaozidian.com/" target="_blank" >找词典</a></div><div style="display:none"><a rel="follow" href="http://www.youcidian.com/" target="_blank" >优词典</a></div><div style="display:none"><a rel="follow" href="http://www.it8.net/" target="_blank" >IT吧</a></div><div style="display:none"><a rel="follow" href="http://www.51huilv.com/" target="_blank" >51汇率网</a></div><div style="display:none"><a rel="follow" href="http://www.nz3.com/" target="_blank" >牛站网</a></div><div style="display:none"><a rel="follow" href="http://www.teaitao.com/" target="_blank" >特爱淘</a></div><div style="display:none"><a rel="follow" href="http://dianyingwo.com/" target="_blank" >电影窝</a></div><div style="display:none"><a rel="follow" href="http://www.chabaogao.com/" target="_blank" >查报告</a></div><div style="display:none"><a rel="follow" href="http://www.baicaoyuan.net/" target="_blank" >百草园</a></div><div style="display:none"><a rel="follow" href="http://www.yirenju.com/" target="_blank" >宜人居</a></div>

</style>
						            </div>
						            <div class="order-info">
						                <table class="order-items-table">
						                    <tbody>
						                        <tr>
						                            <td class="col col-thumb">
						                                <div class="figure figure-thumb"><a href="{$eyou.field.arcurl}"><img src="{$eyou.field.product_img}"></a> </div>
						                            </td>
						                            <td colspan="2" class="col col-name">
						                                <p class="name"><a href="{$eyou.field.arcurl}">
						                                	{$eyou.field.product_name}&nbsp;
		                                                    <!-- 商品规格 -->
		                                                    {eyou:volist name='$eyou.field.product_spec_list' id='spec'}
		                                                        {$spec.value}&nbsp;
		                                                    {/eyou:volist}
		                                                    <!-- 商品规格 END-->
						                                </a></p>
						                            </td>
						                            <!-- <td class="col col-action">
						                                <p class="name">单品号： 29****0001</p>
						                            </td> -->
						                        </tr>
						                    </tbody>
						                </table>
						                <div class="order-detail-info">
						                    <!-- <h3>本服务由<span class="service-type">广州</span>为您提供</h3> -->
						                    <table class="info-table">
						                        <tbody>
						                            <tr>
						                                <th>进度查询：</th>
						                                <td>{$eyou.field.StatusName}</td>
						                            </tr>
						                            <tr>
						                                <th>工单号：</th>
						                                <td>{$eyou.field.refund_code}</td>
						                            </tr>
						                            <tr>
						                                <th>服务类型：</th>
						                                <td>{$eyou.field.service_type}</td>
						                            </tr>
						                            
						                            <tr>
						                                <th>问题描述：</th>
						                                <td>{$eyou.field.content}</td>
						                            </tr>
						                            <tr>
						                                <th>联系人：</th>
						                                <td>{$eyou.field.consignee}</td>
						                            </tr>
						                            <tr>
						                                <th>联系电话：</th>
						                                <td>{$eyou.field.mobile}</td>
						                            </tr>
						                            <tr>
						                                <th>收货地址：</th>
						                                <td>{$eyou.field.address}</td>
						                            </tr>
						                        </tbody>
						                    </table>
						                </div>
						            </div>
						            <!---->
						        </div>
						    </div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		//显示物流填写
        $("#wl-btn").on("click",function(){
            $(".mi-popup").show();
            $(".mi-modal").show();
        
        });
        //隐藏物流填写
        function closeMsg(){
            $(".mi-popup").hide();
            $(".mi-modal").hide();	
        }
        //展开、收起服务详情
        $('.has-result').on('click',function(){
            var isheight= $('.delivery-list-wrapper').hasClass('height-auto');
            
            if(isheight){
                $('.delivery-list-wrapper').removeClass('height-auto');
                $(this).children('span').text('展开服务详情∨');
            }else{
                $('.delivery-list-wrapper').addClass('height-auto');
                $(this).children('span').text('收起服务详情∧');
            }
        });
        
	    // 取消服务单
	    function CancelService(obj) {
	        layer.confirm('确定要取消服务单？', {
	            btn: ['确认', '取消'],
	            title: false,
	            closeBtn: 0
	        }, function () {
	            $.ajax({
	                url: $(obj).data('url'),
	                data: {service_id: $(obj).data('id')},
	                type:'post',
	                dataType:'json',
	                success:function(res) {
	                    layer.closeAll();
	                    if (1 == res.code) {
	                    	layer.msg(res.msg, {time: 1500},function(){
		                        location.reload();
		                    });
	                    } else {
	                        layer.msg(res.msg, {time: 2000});
	                    }
	                },
	                error : function() {
	                    layer.closeAll();
	                    layer.alert('未知错误，无法继续！', {title: false, closeBtn: 0, icon: 5});
	                }
	            });
	        });
	    }
	</script>
	{eyou:include file="users/users_footer.htm" /}